import './jianliyanghu.scss'
import { lazy, Suspense } from 'react'
import { PlugInUnit } from '../PlugInUnit'

const SignUp = lazy(() => import('../SignUp'))

const jianliyanghu = ({ imageUrl, title }) => {
    return (
        <Suspense fallback={<div>jianliyanghu</div>}>
            <div className="jianliyanghu">
                <img className="Back" src={imageUrl + 'LoginBack.png'} alt="" />
                <img className="Nav" src={imageUrl + '标题背景.png'} alt="" />
                <img className="Btm" src={imageUrl + '底栏.png'} alt="" />
                <div className="NavTitle">{title}</div>
                <div className="Login">
                    <img className="LoginBox" src={imageUrl + 'LoginBox.png'} alt="" />
                    <img className="ImgTitle" src={imageUrl + '欢迎登录.png'} alt="" />
                    <div className="sign">
                        <SignUp />
                        <PlugInUnit />
                    </div>
                </div>
            </div>
        </Suspense>
    )
}

export default jianliyanghu
